<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>我的名片</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="../assets/css/amazeui.min.css?v=2.9">
    <link rel="stylesheet" href="../assets/css/style.css?v=2.3">
    <link rel="stylesheet" href="../assets/css/index.css?v=2.3">
    <link rel="stylesheet" href="../assets/css/extend.css?v=2.3">
    <link rel="stylesheet" href="../assets/css/icons.css?v=2.3">
</head>
<body class="tixian-top-me-maxlg">
<!--<header data-am-widget="header" class="am-header am-header-default am-header-fixed ">

    <div class="am-header-left am-header-nav">
        <a onclick="history.go(-1)" class="widht-10s">
            <i class="icon_8"></i>
        </a>
    </div>
    <h1 class="am-header-title">
        我的名片
    </h1>


</header>-->
<div id="myinfo" v-cloak>


    <section class="" id="amz-main" data-tag="css-nav">
        <div class="tixian-top-me-maxlg  font-color-white prelative">
            <div class="am-padding-top-lg">
                <div class="am-benj">
                    <div class="bg-white font-14 am-padding-left-sm am-padding-top-sm am-padding-bottom-sm  prelative am-listborder  overflow-hidden">
                        <div class="box ">
                            <div class="am-me-w80-square"><img v-bind:src="staffInfo.head_icon"
                                                               class="am-img-responsive"></div>
                            <div class="box-1">
                                <div class="box-1 am-margin-left-sm ">
                                    <div class="font-color-2 am-margin-top-xs font-18">{{staffInfo.name}}</div>
                                    <div class="font-color-2 font-14">{{staffInfo.department_name}}</div>
                                    <div class="font-color-1 font-14">{{staffInfo.enterprise_name}}</div>
                                </div>
                            </div>

                        </div>
                        <div class="cod-box ">
                            <img v-bind:src="staffInfo.soft_img_url">
                        </div>
                        <div class="c-button"><i class="download-ico"></i>长按保存二维码</div>

                    </div>

                </div>

            </div>
        </div>


    </section>
</div>


<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/amazeui.min.js"></script>
<script src="../assets/js/vue2.2.2.min.js"></script>
<script src="../assets/common.js"></script>
<link rel="stylesheet" href="../assets/js/layui/css/layui.css">
<script type='text/javascript' src='../assets/js/layui/layui.js'></script>
<script>
    $(".tab-container .tab-items").on("click", function () {
        $(".tab-container .tab-items").removeClass("cur");
        $(this).addClass("cur");
    })
</script>
<script>
    var sessionid = getQueryString("sessionid");
    var mask;
    layui.use('layer', function(){
        var layer = layui.layer;
    });
    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return decodeURI(r[2]);
        return null;
    }
    $(function () {
        setTimeout(function(){
            mask = layer.msg('正在加载', {icon: 16});
            $.ajax({
                type: 'get',
                url:baseUrl+'v3.0/card',
                headers: {'session_id': sessionid},
                contentType: 'application/json',
                success: function (data) {
                    layer.close(mask);
                    //注册vue
                    new Vue({
                        el: "#myinfo",
                        data: {
                            staffInfo: data
                        },
                        methods: {
                            edit: function () {
                                window.location.href = '编缉.html?userid=' + userid
                            },
                            mycard: function () {
                                window.location.href = '我的名片.html?userid=' + userid
                            },
                            myproduct: function () {
                                window.location.href = '我的产品.html?userid=' + userid
                            }
                        }


                    })
                }
            });
        },200)
        //获取用户信息

    })
</script>


</body>
</html>